<template>
  <div class="page-toole">
    <div class="container">
      <div class="left">
        <i class="el-icon-warning" />
        <!-- <span>共16条记录</span> -->
        <slot name="left">
          共16条记录
        </slot>
      </div>
      <div class="right">
        <slot name="right">右侧内容</slot>
      </div>
    </div>
  </div>

</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.container{
    display: flex;
    justify-content: space-between;
    padding: 15px;
    border: 1px solid #ccc;
    .left{
        background-color: #e8fafe;
        padding: 8px;
        border: 1px solid #91d5ff;
        border-radius: 4px;
        i.el-icon-warning{
            color: #1f99e4;
        }
        span{
            margin-left: 10px;
        }
    }
    .right{
        // background-color: blue;
    }
}

</style>
